<%#
# = Vista de una grilla de tipos de recursos
# Esta vista implementa la grilla de administración de tipos de recursos
%>

<script type="text/javascript">
    var nuevoModalId = "#nuevotipo_recurso";
    var editarModalId = "#editartipo_recurso";
    var eliminarModalId = "#eliminartipo_recurso";
    var nameInputId = "tipo_recurso_nombre";
    var validateNameUrl = "<%= request.protocol + request.host_with_port %>/tipo_recursos/existe/nombre";
    var nuevoButtonId = "#new_tipo_recurso";
    var editarButtonId = "#editarrecurso";
    var eliminarButtonId = "#eliminarrecurso";
</script>

<%= javascript_include_tag :'david-crud' %>

<script type="text/javascript">
    $(document).ready(function() {
        $("#tipo_recursosTabla").tablesorter({ headers: { 0:{sorter: false}}})
                .tablesorterPager({container: $("#pager"),positionFixed: false, size: 30});

        $.validator.addMethod("nombre_unico", validar_nombre_unico, "");

        $("#new_tipo_recurso").validate({
            rules: {
                "tipo_recurso[nombre]": {
                    required: true,
                    nombre_unico: true
                },
                "tipo_recurso[unit]": {
                    required: true
                }
            },
            messages: {
                "tipo_recurso[nombre]": {
                    required: "<%= t('mandatory') %>",
                    nombre_unico: "<%= t('name_exist') %>"
                },
                "tipo_recurso[unit]": {
                    required: "<%= t('mandatory') %>"
                }
            }
        });
    });

</script>

<% @titulo = t('.title_pag') %>
<%= render "shared/encabezado_crud" %>

<!-- Menu y contenido-->
<div id="sgw_4_body" class="body sg_scroll_container sgw_entity_query_entity_query_page">

  <div class="contents" id="ext-gen77" >

    <%
       @filtroTexto = t('filtro')
       @verListaTexto = t('viewList')
       @verIconosTexto = t('viewSharp')

       @nuevoBotonId = "nuevo_tipo_recurso"
       @nuevoBotonTexto = t('add')
       @nuevoPath = tipo_recursos_path
       @nuevoModal = "nuevotipo_recurso"

       @editarBotonId = "editarrecurso"
       @editarBotonTexto = t('edit')
       @editarPath = "#"
       @editarModal = "editartipo_recurso"

       @eliminarBotonId = "eliminarrecurso"
       @eliminarBotonTexto = t('delete')
       @eliminarPath = "#"
       @eliminarModal = "eliminartipo_recurso"
       @eliminarConfirm = "Está seguro de querer eliminar el tipo_recurso?"
    %>

    <%= render "shared/menu_crud" %>

    <!-- Formas de visualización en tabla o thumbnail,...-->
    <div id="layout_principal" class="sgw_new_grid sgw_entity_query_mode sg_scroll_container seltarget" style="left: 250px; top: 30px; ">
      <%
         if(@tipo_recursos.count == 0)
      %>
          <div class="addnew">
            <%= t('no_created')%>.<br /><br />
            <a data-toggle="modal" role="button" class="btn" href="#nuevotipo_recurso">
              <%= image_tag "/images/add.png" %><br /><br />
              <%= t('add_new')%>.
            </a>
          </div>
      <%
         else
      %>
      <table id="tipo_recursosTabla" class="table table-bordered table-striped tablesorter" >
        <thead>
        <tr>
          <th></th>
          <th><%= t('nombre')%> </th>
          <!--th><%= t('costo_estimado')%> </th-->
          <th><%= t('unidad_costo')%> </th>
        </tr>
        </thead>
        <tbody>
        <% @tipo_recursos.each do |tipo_recurso| %>
            <tr id="<%= tipo_recurso.id %>">
              <td width="20px"><input type="checkbox" /></td>
              <td> <%= link_to tipo_recurso.nombre, "#" %></td>
              <!--td><%= tipo_recurso.cost %></td-->
              <td>
                <%  case tipo_recurso.unit %>
                <% when 1 %>
                    <%= t('humano')%>
                <% when 2 %>
                    <%= t('material')%>

                <% end %>
              </td>
            </tr>
        <% end %>
        </tbody>
      </table>
    <% end %>
    </div>

    <%= render "shared/filtro_crud" %>

    <%
       @pagTexto = @tipo_recursos.count.to_s() + " " + t('listade')
       @porPagTexto = t('pag')
    %>

    <%= render "shared/footer_crud" %>

  </div>

</div>

<!-- Formularios de edicion -->
<% content_for :modal do %>
    <div id="nuevotipo_recurso" class="modal hide fade " role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3><%= t('add')%> <%= t('tipo_recurso') %></h3>
      </div>

      <div class="modal-body">
        <div class="row-fluid">
          <%= form_for(@tipo_recurso) do |f| %>
              <fieldset>
                <!-- Datos del proyecto
                 ================================================== -->

                <div id="">
                  <div class="field">
                    <%= f.label :nombre, t('nombre')%><br />
                    <%= f.text_field :nombre , :maxlength => 250 %>
                  </div>
                  <!--div class="field">
                    <%= f.label :cost, t('costo_estimado')%><br />
                    <%= f.text_field :cost %>
                  </div-->
                  <div class="field">
                    <%= f.label :unit, t('unidad_costo') %><br />
                    <%= f.select :unit, { t('seleccione') => nil, t('humano') => 1, t('material') => 2 } %>
                  </div>
                </div>
              </fieldset>

              </div>
              </div>
              <div class="modal-footer">
                <div class="actions"  align=right >

                  <input id="crear_tipo_recurso"  class="btn primary"  name="commit" type="submit" value=" <%= t('btnCrear')%>" />
                  <button class="btn" data-dismiss="modal" aria-hidden="true"><%= t('btnCancelar') %></button>
                </div>
              </div>
          <% end %>

          </div>

<%end%>
